@import '../../style/mixin.scss';

.component-category {
    @include flex-row();
    width: 100%;
    height: 40px;
    overflow: auto;
    margin-bottom: 20px;
    .category-item{
        height: 100%;
        padding: 0 15px;
        color: #333;
        font-size: 14px;
        margin-right: 10px;
        @include flex-row();
        @include flex-center();
        cursor: pointer;
    }
    .category-item-active{
        background: $menu_active_light;
        font-weight: 500;
        font-size: 16px;
        border-radius: 8px;
    }
}
